// TOOLTIP
// ------=

.tooltip
  position: absolute
  z-index: $zindexTooltip
  display: block
  visibility: visible
  padding: 5px
  font-size: 11px
  $opacity(0)
  &.in
    $opacity(80)
  &.top
    margin-top:  -2px
  &.right
    margin-left:  2px
  &.bottom
    margin-top:   2px
  &.left
    margin-left: -2px
  &.top .tooltip-arrow
    $popoverArrow-top()
  &.left .tooltip-arrow
    $popoverArrow-left()
  &.bottom .tooltip-arrow
    $popoverArrow-bottom()
  &.right .tooltip-arrow
    $popoverArrow-right()

.tooltip-inner
  max-width: 200px
  padding: 3px 8px
  color: $white
  text-align: center
  text-decoration: none
  background-color: $black
  $border-radius(4px)

.tooltip-arrow
  position: absolute
  width: 0
  height: 0


